/* CSS Document */
	
	html {
		
	}
	
	body{
		background-image: url('Images/background.jpg');
		font-family: Arial, Helvetica, sans-serif;
	}
	
	/**
	 * 	Div that holds everything in it
	 */
	#content {
		margin-right: 10%;
		margin-left: 10%;
	}
	
		/**
		 * 	Contains title and page information
		 */
		#header {
			height: 100px;
			padding: 10px;
		}
			
			/**
			 * 	Navigation Menu
			 */
			#navigation {
				
			}
			
			/**
			 * 	Page Title
			 */
			#title {
				width: 40px;
				left: 5%;
				font-size: 1.4em;
			}
			
			#title_box {
				position: relative;
				height: 50px;
			}
	
	
	#mainMenu {
		position: relative;
		top: 110px;
		left: 30px;
		width: 225px;
		height: 416px;
		float:left;
		border-right: 1px solid #CCC;
	}
	#mainMenu li {
		margin-bottom: 5px;
		height: 25px;
		width: inherit;
		text-align: left;
		padding-top: 5px;
		padding-left: 2px;		
	}
	#mainMenu ul {
		padding-left: 0px;
		margin-top: 0px;
	}
	#mainMenu a {
		text-decoration: none;
		color: black;
		font-family: arial,sans-serif;
		font-size: .9em;
		display:block;
		line-height: 23px;
	}
	#mainMenu li:hover {
		background: whiteSmoke;
		border-right: 1px solid #FB7D08;
	}
	#mainMenu a:hover {
		font-weight: bold;
		color: #FB7D08;
	}
	
    /**
    * Error Messages
    */
	.error{
		position: absolute;
		top: 200px;
		left: 30px;
		color:red;
		width: 250px;
		border: 2px solid red;
		text-align:center;
	}
	.errorLogin{
		color:red;
		width: 200px;
	}
		
	/**
	* Page Titles
	
	#title {
		position: relative;
		width: 500px;
		height: 65px;
		left: 200px;
		text-align:center;
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: .8em;
	}*/



	#basicInfoTable{
		position: relative;
		max-width: 600px;
		font-weight: bold;
	}
	#basicInfoTable th{
		background-color: #FFB93E;
		color: #3E4040;
		font-size:small;
	}
	
	#table1 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		border-collapse:collapse;
		border: 1px solid #CE8111;
	}

	#questionnaire {
		position: relative;
		margin-right:10%;
		font-family: Verdana, Geneva, sans-serif;
	}
	.mainbody {
		border-top: 1px solid #CCC;
		padding-top:20px;
		position: relative;
		margin-top: 20px;
		margin-bottom:10px;
		font-family: Verdana, Geneva, sans-serif;
	}


	.textInput
	{
		width: 160px;
		text-align:center;
		margin-left:5px; 
		margin-right:5px;
		font-weight:bold;
		border: 1px solid silver;
		/*border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;*/
	}
	input[type=text] {
		border: 1px solid silver;
	}


	#login {
		position: relative;
		top: 150px;
		width: 235px;
		min-height: 145px;
		margin-left: auto;
		margin-right: auto;
		font-family: arial, helvetica, sans-serif;
		color: #333;
		padding: 35px;
		background-color: #F7F8FE;
		border: 1px solid #E5E5E5;
	}
	#login div {
		position: relative;
		margin-top: 10px;
	}
	#login label {
		font-weight: bold;
		font-size: .8em;
	}
	#login input[type=text], #login input[type=password] {
		position: relative; 
		height: 25px; 
		width: 200px;
		font-size: 15px;
		border: 1px solid silver;
	}
	#login .finishButton:hover {
		color: #FB7D08
	}
	#login input[type=text]:focus, #login input[type=password]:focus {
		border: 1px solid #FB7D08;
	}
	#login input[type=text]:hover, #login input[type=password]:hover {
		border: 1px solid #787878 ;
	}

	#Email, #Password {
		font-size: 15px;
		border: 1px solid silver;
	}

	
	td {
		text-align: center;
	}
	
	#queryBlock {
		position: relative;
		top: 120px;
		overflow: hidden;
	    border: 1px solid #E5E5E5;
	    width: 1070px;
	    font-size: .9em;
	    -moz-box-shadow: 0 0 5px 5px #888;
		-webkit-box-shadow: 0 0 5px 5px#888;
		box-shadow: 0 0 5px 5px #888;
	}
	#basicpatientInfoQuery {
		font-size: .9em;
	}
	#queryBlock div {
		clear: both;
	}
	#physicalSymptoms, #neuroPsySymptoms, #psychologicalTestInfo, #diagnosticInformation, #prescriptionInformation {
		padding: 0px;
	}

	
	#queryResults {
		position: relative;
		overflow: hidden;
		top: 120px;
	    /*-moz-border-radius: 5px 5px 5px 5px;
	    border-radius: 5px 5px 5px 5px;*/
	    background-color: #F7F8FE;
	    border: 1px solid #325586;
		border: 1px solid #E5E5E5;
	    /*width: 1200px;*/
	    width: 100%;
	    left: -50px;
	   /* height: 500px;*/
	    padding: 5px;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	    
	}
	
	.divider {
		background-color: #DDDDFF;
		-moz-border-radius: 5px 5px 5px 5px;
	    border-radius: 5px 5px 5px 5px;
	    padding-left: 5px;
	    cursor: pointer;
	}
	.divider:hover {
		background-color: #FFBC7A;
	}
	.queryBlockColumn {
		width: 245px;
		
		float:left;
		padding-left: 20px;
		
	}
	
	#queryBlock li {
		list-style: none outside none;
		font-size: 0.8em;
		
	}
	
	.answerLi1 {
		margin-left: 10px;
		background-color: #FFA64D;
		background-color: #FFB93E;
		-moz-border-radius: 5px 5px 5px 5px;
	    border-radius: 5px 5px 5px 5px;
	    padding-left: 5px;
	    color:#7C3709;
	   /* cursor: pointer;
	    cursor: hand;*/
	}
	.answerLi1:hover {
		/*background-color: #FFBC7A;*/
	}
	.answerLi2 {
		margin-left: 30px;
	}
	.answerLi3 {
		margin-left: 35px;
		float:left;
	}
	.answerLi4 {
		margin-left: 125px;
	}
	.answerLi5 {
		margin-left: 100px;
	}
	
	#submitQueryButtonDiv {
		position:relative; 
		top: 125px;
		padding-bottom: 50px;
	}
	
	#queryTitle {
		position: relative;
		top: 100px;
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: .8em;
	}
	
	#collapsePhys, #collapseNeuro, #collapsePsychoTest, #diagTestCollapse {
		cursor: pointer;
	}
	
	#queryTabs {
		position:relative;
		top: 120px;
		left: 50px;
		height: 35px;
		width: 450px;
	}
	#queryTabs ul {
		list-style: none outside none;
	}
	#queryTabs li {
		margin-left: 5px;
		height: 35px;
		list-style: none outside none;
		background-color: #F7F8FE;
    	border: 1px solid #325586;
		-moz-border-radius: 5px 5px 5px 5px;
	    border-radius: 5px 5px 5px 5px;
	    float:left;
	    cursor: pointer;
	}

	/**
	 * 	Errors on pages TODO
	 */
	.noQueryResults {
		position: relative; 
		top: 100px; 
		border: solid 1px red;
		left: 250px; 
		width: 500px;
		height: 40px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		font-size: .8em;
		font-family: Arial, Helvetica, sans-serif;
	}
	.collapser {
		cursor: pointer; 
		width: 5px; 
		height: 5px; 
		float: left;
	}
	
	.prescriptionName {
		background-color: #DDF;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		width: 100px;
		padding-left: 5px;
		font-size: .9em !important;
	}
	
	#chooseQueryMedicationName {
		float:left;
	}
	
	#chooseQueryDosage {
		width: 180px;
		float:left;
	}
	
	#chooseDosageStartDate {
		float:left;
		width: 250px;
	}
	.ui-menu-item {
		list-style: none outside none;
		cursor: pointer;
		font-size: .8em;
	}
	.ui-menu-item a {
		width: 160px;
	}
	.ui-menu-item:hover {
		background-color: lightGrey;	
	}
	
	.ui-autocomplete {
		width: 130px;
		padding: 0px;
	}
	
	#addPatientContentsdiv {
		position:relative;
		width: 500px;
	}


	.Questions {
		position: relative;
		/*overflow: hidden;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;*/
		background-color: #F7F8FE;
		border: 1px solid #E5E5E5;
		margin-top: 10px;
		margin-bottom: 20px;
		/*min-width: 750px;*/ 
		/*max-width: 750px;*/
		/*min-height: 400px;*/
		/*min-height: 310px;*/ 
		padding: 20px;
		font-family: arial,sans-serif;
		font-size: .8em;
	}
	
	.questionLeftColumn, .questionMiddleColumn, .questionRightColumn {
		position: relative;
		text-align: center;
		width: 265px;
		/*border: 1px solid #FFA64D;*/
		border: 1px solid #CE8111;
		/*background-color: rgb(244,244,244);*/
		background-color: #FFB93E;
		-moz-border-radius: 2px;
		border-radius: 2px;
		color: #7C3709;
	}
	
	.questionLeftColumn {
		float:left;
		margin: 20px;
	}
	.questionMiddleColumn {
		margin-left: 330px;
		margin-top: 20px;
		margin-bottom: 20px;
		clear: none;
	}
	.questionRightColumn {
		margin: 20px;
		clear: none;
		float: right;
		
	}
	.formContainer {
		position: relative;
		/*left: 200px;*/
		top: 100px;
		width: 85%;
		
		float: right;
		left: 50px;
	}
	#choosePatient {
		position: relative;
		width: 160px;
		height: 110px;
		float:left;
		top: -50px;
	}
	#footerOptions {
		position: absolute;
		top: 600px;
		margin-bottom: 35px;
		/*bottom: 35px;*/
		/*bottom: 35px;*/
		height: 35px;
		width: 80%;
		background-color: #F9EDBE;
		line-height: 35px;
		font-family: arial,sans-serif;
		font-size: .8em;
	}
	#addtoDatabase {
		position: absolute;
		top: 550px;
		left: 200px;
		height: 35px;
		background-color: #F7F8FE;
		border: 1px solid #E5E5E5;
		line-height: 35px;
		font-family: arial,sans-serif;
		font-size: .8em;
	}
	#footerText {
		padding-left: 40px;
	}
	#createQueryForm {
		position: relative;
		left: 100px;
	}
	
	.pageTitleText {
		line-height: 30px;
		font-family: arial,sans-serif;
		font-size: 1.3em;
		padding-top: 5px;
		width: 400px;
		left: 25%;
		position: relative;
		height: 35px;
	}
	.pageTitleSub {
		margin-left: 10px;
		line-height: 30px;
		font-family: arial,sans-serif;
		font-size: 1.1em;
	}
	
	.questionDiv {
		font-weight: bold; 
		margin-top: 10px; 
		margin-bottom: 10px;
	}
	
	.questionText {
		margin-bottom: 10px;
	}
	
	.boxStyle {
		background-color: #F7F8FE;
		border: 1px solid #E5E5E5;
		font-family: arial,sans-serif;
		font-size: .8em;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		margin-bottom: 40px;
	}
	.boxStyleTitle {
		font-weight: bold;
		line-height: 35px;
		background-color: #EFF0F9;
		border-bottom: 1px solid #E5E5E5;
		text-align: center;
		padding: 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
		cursor:pointer;
	}
	.boxStyleTitle:hover {
		background-color: #B5B6BB;
	}
	.inboxStyle {
		padding: 20px;
	}
	.loginButton {
		background-color: #ffb93e; 
		border: 1px solid #ce8111; 
		color: #7c3709; 
		font-family:arial; 
		font-weight: bold; 
		text-decoration: none;
		top: 5px;
		left: 510px;
		width: 115px;
		height: 30px;
		margin-top: 20px;
		cursor:pointer;
		font-size: 12px;
	}
	.loginButton:hover {
		border: 1px solid gray;
	}
	.viewOptions {
		position: relative;
		top: 65px;
		left: 800px;
		width: 300px;
		font-size: .8em;
	}
	.viewOptions a, .viewOptions a:visited, .viewOptions a:active {
		text-decoration: none;
		color: #7c3709;
	} 
	.viewOptions span{
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 20px;
	}
	
	.tableDiv {
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-weight: bold;
	}
	.tableClass {
		border-collapse:collapse;
		width: 100%;
		color: #3E4040;
		border: 1px solid #CE8111;
	}
	
	.tableClass > tr {
		background-color: #FFB93E;
	}
	.tableClass tr {
		line-height: 25px;
	}
	.tableClass td {
		border-spacing: 0px;
	}
	
	#testResultTable{
		width: 700px;
		margin-top:40px;
		position: relative;
		text-align:center;
	}
	#testResultTable th{
		background-color: #FF7A00;
		color: #3E4040;
		font-size:small;
	}
	#testResultTable td{
		background-color:#fff;
		text-align: center;
	}
	.updateRowButton {
		width: 90%;
		height: 100%;
		background-color: #ffb93e; 
		border: 1px solid #ce8111; 
		color: #7c3709; 
		font-family:arial; 
		font-weight: bold; 
		text-decoration: none;
		cursor:pointer;
		border-radius: 2px;
	}
	.updateRowButton:hover {
		border: 1px solid #ffb93e;
		color: white;
	}
	#physicalSymptomCollapse {
		font-size: 10px;
	}
	#neuroPsychologicalCollapse {
		font-size: 10px;
	}
	#push {
		position: relative;
		top: 100px;
		width: 245px;
		height: 40px;
		margin-left: 200px;
		font-family: arial, helvetica, sans-serif;
		color: #333;
		padding: 20px;
		background-color: #F7F8FE;
		border: 1px solid #E5E5E5;
	}
	
	.patientEntry {
	   position: relative;
	   width: 50%;
	   height: 70px;
	   margin-top: 5px;
       padding: 10px;
       font-family: arial, helvetica, sans-serif;
	}
	.patientEntry:hover {
	   background-color: white;
	   cursor: pointer;
	}